import axios from 'axios'
import { Message, MessageBox } from 'element-ui'
import store from '../store'
import { getToken } from '@/utils/auth'

// 创建axios实例
const service = axios.create({
  baseURL: process.env.BASE_API, // api的base_url
  timeout: 15000 // 请求超时时间
})

// request拦截器
service.interceptors.request.use(config => {
  if (store.getters.token) {
    config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
  }
  return config
}, error => {
  // Do something with request error
  console.log(error) // for debug
  Promise.reject(error)
})

// respone拦截器
service.interceptors.response.use(
  response => {
    if (response.data.success) { // 请求成功
      return response.data
    } else {
      Message({
        message: response.data.message,
        type: 'error',
        duration: 5 * 1000
      })
    }
  },
  error => {
    // 错误处理
    const status = error.response.status // 错误状态码
    switch (status) {
      case 401 : // 登录超时
        MessageBox.confirm('本次登录已超时，您可重新登录或点击取消留在本页面继续浏览', '登录超时', {
          confirmButtonText: '重新登录',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          store.dispatch('FedLogOut').then(() => {
            location.reload()// 为了重新实例化vue-router对象 避免bug
          })
        })
        break
      case 403 : // 无权限
        Message({
          message: '您无权限执行次操作',
          type: 'error',
          duration: 5 * 1000
        })
        break
      case 415 :
      case 422 : // 常规错误
        Message({
          message: error.response.data.message,
          type: 'error',
          duration: 5 * 1000
        })
        break
      case 404 : // 资源不存在
        Message({
          message: '请求资源不存在或已被删除',
          type: 'error',
          duration: 5 * 1000
        })
        break
      case 429 : // 请求次数过多
        Message({
          message: '操作频率过高，请稍后重试',
          type: 'error',
          duration: 5 * 1000
        })
        break
      case 500 : // 服务器崩溃
        Message({
          message: '服务器发生错误，请联系客服处理',
          type: 'error',
          duration: 5 * 1000
        })
        break
      default: // 未知错误
        Message({
          message: '产生未知错误，错误状态码：' + status,
          type: 'error',
          duration: 5 * 1000
        })
        break
    }
    return Promise.reject(error)
  }
)

export default service
